<template>
    <div class="region">

    <div class="reg_title">
        <span>熱門城市</span>
    </div>

    <div class="reg_main">
        <ul>
            <li>北京</li>
            <li>上海</li>
            <li>深圳</li>
            <li>廣州</li>
            <li>杭州</li>
            <li>南京</li>
            <li>成都</li>
        </ul>
    </div>

    <mt-index-list>
        <mt-index-section index="A">
            <mt-cell title="安慶"></mt-cell>
            <mt-cell title="鞍山"></mt-cell>
            <mt-cell title="安康"></mt-cell>
        </mt-index-section>

        <mt-index-section index="B">
            <mt-cell title="北京"></mt-cell>
            <mt-cell title="保定"></mt-cell>
        </mt-index-section>

        <mt-index-section index="Z">
            <mt-cell title="漳州"></mt-cell>
            <mt-cell title="忠縣"></mt-cell>
        </mt-index-section>
    </mt-index-list>

    </div>
</template>

<script>
import '../../static/fugai.css'
export default {
    
}
</script>

<style scoped>

.region{
    position: absolute;
    top:0.95rem;
    left:0;
    bottom:0;
    right:0;
    background:rgb(255,245,240);
}

.region .reg_title{
    margin:0.15rem 0;
    background:rgb(240,240,240);
    padding:0.07rem 0;
}

.region .reg_title span{
    padding:0 var(--space);
}

.region .reg_main{
    margin:0 var(--space);
}

.region .reg_main ul li{
    float: left;
    width:30%;
    background: white;
    text-align: center;
    margin: 0.05rem 0.05rem;
    box-sizing: border-box;
    padding:0.08rem 0;
    border-radius:0.05rem;
}


</style>